import DaoDaoMindMap from './src/DaoDaoMindMap'

console.log(DaoDaoMindMap)

const Mind = new DaoDaoMindMap('c') 

console.log(Mind)

const btn = document.getElementById('btn')
btn?.addEventListener('click', () => {
	Mind.changeItemStyle({
		color: 'red',
		backgroundColor: 'blue',
	})
})

const btn1 = document.getElementById('btn1')
btn1?.addEventListener('click', () => {
	Mind.changeItemStyle({
		color: 'green',
		backgroundColor: 'yellow',
	})
})

const btnText = document.getElementById('btnText')
btnText?.addEventListener('click', () => {
	Mind.changeItemTextStyle({
		color: 'green',
		textDecoration: 'underline',
		textBackgroundColor: 'red',
		padding: 20
	})
})

const btnIcon = document.getElementById('btnIcon')
btnIcon?.addEventListener('click', () => {
	Mind.addIcon('/icon.svg',(e) => {console.log(e)}, (e) => {console.log(e)})
})

const getDataIcon = document.getElementById('getData')
getDataIcon?.addEventListener('click',() => {
	Mind.getJsonData()
})

const setDataIcon = document.getElementById('setData')
setDataIcon?.addEventListener('click',() => {
	const jsonData = [
		{
			"text": "节点0",
			"style": {},
			"img": {
				"src": "",
				"width": 214,
				"height": 120
			},
			"children": [
				{
					"text": "节点1",
					"style": {},
					"img": {},
					"children": [
						{
							"text": "节点6",
							"style": {},
							"img": {},
							"children": []
						}
					]
				},
				{
					"text": "节点23123123123123123123333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333",
					"style": {},
					"img": {
						"src": "",
						"width": 214,
						"height": 120
					},
					"children": [
						{
							"text": "节点7",
							"style": {},
							"img": {},
							"children": []
						},
						{
							"text": "节点8",
							"style": {},
							"img": {},
							"children": []
						}
					],
					"width": 323.13888888888937
				},
				{
					"text": "节点3",
					"style": {
						"color": "green",
						"backgroundColor": "yellow"
					},
					"img": {},
					"children": [
						{
							"text": "节点9",
							"style": {},
							"img": {},
							"children": []
						}
					]
				},
				{
					"text": "节点4",
					"style": {
						"color": "red",
						"backgroundColor": "blue"
					},
					"img": {},
					"children": [
						{
							"text": "节点10",
							"style": {},
							"img": {},
							"children": []
						},
						{
							"text": "节点11",
							"style": {},
							"img": {},
							"children": []
						}
					]
				},
				{
					"text": "节点5",
					"style": {},
					"img": {},
					"children": [
						{
							"text": "节点12",
							"style": {},
							"img": {},
							"children": []
						}
					]
				}
			],
			"left": 400,
			"top": 271
		}
	]
	Mind.setByJson(jsonData)
})
